
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Hydrogen &mdash; A free HTML5 Template </title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
	<meta name="author" content="FREEHTML5.CO" />

  <!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	<!-- Google Webfonts -->
	<!--<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,100,500' rel='stylesheet' type='text/css'>-->
	<!--<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>-->
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="./Include/css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="./Include/css/icomoon.css">
	<!-- Magnific Popup -->
	<link rel="stylesheet" href="./Include/css/magnific-popup.css">
	<!-- Salvattore -->
	<link rel="stylesheet" href="./Include/css/salvattore.css">
	<!-- Theme Style -->
	<link rel="stylesheet" href="./Include/css/style.css">
	<!-- Modernizr JS -->
	<script src="./Include/js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="./Include/js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
		

	<header id="fh5co-header" role="banner">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<a href="#" class="fh5co-menu-btn js-fh5co-menu-btn">菜单 <i class="icon-menu"></i></a>
					<a class="navbar-brand" href="index.html" style="border: 0px solid red;width: 400px"><?php echo $_SESSION['username'].'的个人相册中心'; ?></a>
				</div>
			</div>
		</div>
	</header>
	<!-- END .header -->
    
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >手机网站模板</a></div>
	
	
	<div id="fh5co-main">
		<div class="container">

			<div class="row">

        <div id="fh5co-board" data-columns>

		<?php if(!empty($res)){ ?>
			<?php foreach($res as $v){  ?>
        	<div class="item">
        		<div class="animate-box">
	        		<a href="./index.php?c=index&a=content&alb_id=<?php echo $v['alb_id']?>&alb_name=<?php echo $v['album_name']?>&username=<?php echo $_GET['username'] ?>" ><img src="../Public/picture/<?php echo $v['fm_name'] ?>" alt="Free HTML5 Bootstrap template"></a>
        		</div>
        		<div class="fh5co-desc" style="padding-bottom: 5px">相册名称：<?php echo $v['album_name'] ?><br/>相册介绍：<?php echo $v['album_content'] ?></div>
        		<div class="fh5co-desc" style="border:0px solid red; padding-bottom: 5px;"><a href="./index.php?c=album&a=edit&alb_id=<?php echo $v['alb_id'] ?>" style="display: inline;color: #2a2e37">编辑相册</a>&nbsp;|&nbsp; 

        		<a href="javascript:;" style="display: inline;color: #2a2e37" onclick="return del()">删除相册</a></div>
        	</div>

			<?php } ?>
		<?php }else{ ?>
			<?php  echo '<div class="item">'	;	?>
			<?php	 echo '	<div class="animate-box">'; 	?>
			<a href="./index.php?c=index&a=add">相册为空</a>
			<?php } ?>
        	
        	</div>
        </div>
        </div>
       </div>
	</div>

	<footer id="fh5co-footer">
		
		<div class="container">
			<div class="row row-padded">
				<div class="col-md-12 text-center">
					<p class="fh5co-social-icons">
						<a href="#"><i class="icon-twitter"></i></a>
						<a href="#"><i class="icon-facebook"></i></a>
						<a href="#"><i class="icon-instagram"></i></a>
						<a href="#"><i class="icon-dribbble"></i></a>
						<a href="#"><i class="icon-youtube"></i></a>
					</p>
					<p><small>&copy; Hydrogen Free HTML5 Template. All Rights Reserved. <br>More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> | Images by: <a href="http://pexels.com" target="_blank">Pexels</a> </small></p>
				</div>
			</div>
		</div>
	</footer>


	<!-- jQuery -->
	<script src="./Include/js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="./Include/js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="./Include/js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="./Include/js/jquery.waypoints.min.js"></script>
	<!-- Magnific Popup -->
	<script src="./Include/js/jquery.magnific-popup.min.js"></script>
	<!-- Salvattore -->
	<script src="./Include/js/salvattore.min.js"></script>
	<!-- Main JS -->
	<script src="./Include/js/main.js"></script>

	<!-- 删除的JS -->
	<script>
			function del(){

				if(confirm("删除相册会一同删除相册内所有照片，是否删除相册？")){
 							location="./index.php?c=album&a=dodel&alb_id=<?php echo $v['alb_id'] ?>";
						 }else{
				    		location.reload();
				    }

				  }
			

	</script>

	
	</body>
</html>
